module.exports = {
  theme: {
    extend: {
      colors: {
        primary: {
          50: '#ffffff',
          100: '#ffffff',
          200: '#fcebf3',
          300: '#f4bfd9',
          400: '#ed7ab3',
          500: '#ec4899',
          600: '#ee137f',
          700: '#dd0a72',
          800: '#c00461',
          900: '#98034d'
        },
        secondary: {
          50: '#ffffff',
          100: '#ffffff',
          200: '#ffffff',
          300: '#e2d7fa',
          400: '#af8ff6',
          500: '#8b5cf6',
          600: '#6626f9',
          700: '#5307fe',
          800: '#4500e2',
          900: '#3800b9'
        },
        neutral: {
          50: '#ffffff',
          100: '#ffffff',
          200: '#ffffff',
          300: '#ffffff',
          400: '#ffffff',
          500: '#e5e7eb',
          600: '#c6ccd7',
          700: '#b4bdd0',
          800: '#9aa9c6',
          900: '#8092b7'
        }
      },
      borderRadius: {
        DEFAULT: '20px'
      },
      typography: {
        DEFAULT: {
          css: {
            fontSize: '18px',
            lineHeight: 1.6
          }
        }
      },
      fontFamily: {
        sans: ['Inter', 'system-ui', 'sans-serif'],
        serif: ['Merriweather', 'Georgia', 'serif'],
        mono: ['Fira Code', 'monospace'],
        display: ['Montserrat', 'system-ui', 'sans-serif'],
        handwriting: ['Caveat', 'cursive']
      }
    }
  },
  variants: {
    extend: {}
  },
  plugins: []
};
